<template>
    <div class="left-bar">
        <ul>
            <!-- <li>
                <span class="iconfont icon-home"></span>
                <span>我的主页</span>
            </li> -->
            <router-link to="/userExamine">
                <li :class="{ active: datas=='userExamine'}">
                    <span class="iconfont icon-yonghushenhe"></span>
                    <span>用户审核</span>
                </li>
            </router-link>
            <router-link to="/userManagement">
                <li :class="{ active: datas=='userManagement'}">
                    <span class="iconfont icon-tenantuser"></span>
                    <span>用户管理</span>
                </li>
            </router-link>
            <router-link to="/projectTasks">
                <li :class="{ active: datas=='projectTasks'}">
                    <span class="iconfont icon-xiangmurenwuguanli"></span>
                    <span>项目任务管理</span>
                </li>
            </router-link>
            <router-link to="/teletextConference">
                <li :class="{ active: datas=='teletextConference'}">
                    <span class="iconfont icon-huiyi"></span>
                    <span>图文会议管理</span>
                </li>
            </router-link>
            <router-link to="/medicalclassroom">
                <li :class="{ active: datas=='medicalclassroom'}">
                    <span class="iconfont icon-yixuejiaoyu"></span>
                    <span>医学课堂管理</span>
                </li>
            </router-link>
            <router-link to="/medical">
                <li :class="{ active: datas=='medical'}">
                    <span class="iconfont icon-yixue"></span>
                    <span>医学调研管理</span>
                </li>
            </router-link>
            <router-link to="/doctorforum">
                <li :class="{ active: datas=='doctorforum'}">
                    <span class="iconfont icon-mingyiyuyue2"></span>
                    <span>名医讲堂管理</span>
                </li>
            </router-link>
            <router-link to="/onlineMeeting">
                <li :class="{ active: datas=='onlinemeeting'}">
                    <span class="iconfont icon-xianshanghuiyi"></span>
                    <span>线上会议管理</span>
                </li>
            </router-link>
            <router-link to="/pointsNews">
                <li :class="{ active: datas=='newsman'}">
                    <span class="iconfont icon-zixun"></span>
                    <span>资讯管理</span>
                </li>
            </router-link>
            <router-link to="/newsPush">
                <li :class="{ active: datas=='newsPush'}">
                    <span class="iconfont icon-zixuntuisong"></span>
                    <span>资讯推送管理</span>
                </li>
            </router-link>
            <router-link to="/questionnaire">
                <li :class="{ active: datas=='questionnaire'}">
                    <span class="iconfont icon-wenjuan"></span>
                    <span>问卷管理</span>
                </li>
            </router-link>
            <router-link to="/withdrawal">
                <li :class="{ active: datas=='finance'}">
                    <span class="iconfont icon-dianpu"></span>
                    <span>财务管理</span>
                </li>
            </router-link>
            <router-link to="/suggest">
                <li :class="{ active: datas=='suggest'}">
                    <span class="iconfont icon-yijianfankui"></span>
                    <span>意见反馈</span>
                </li>
            </router-link>
            <router-link to="/banner">
                <li :class="{ active: datas=='banner'}">
                    <span class="iconfont icon-Banner"></span>
                    <span>Banner管理</span>
                </li>
            </router-link>
        </ul>
    </div>
</template>

<script>
export default {
  name: "leftBar",
  props: ["datas"],
  data() {
    return {};
  }
};
</script>

<style lang='less' scope>
.left-bar {
  width: 154px;
  height: 1940px;
  background: #33425b;
  font-size: 14px;
  color: #ffffff;
  position: fixed;
  left: 0;
  top: 60px;
  z-index: 100;
  overflow-x: hidden;
  ul {
    overflow-y: auto;
    width: 160px;
    li {
      height: 50px;
      line-height: 50px;
      cursor: pointer;
      .iconfont {
        margin-right: 15px;
        margin-left: 10px;
      }
      span {
        color: #fff;
      }
    }
    .active {
      background: #2b2e37;
      border-left: 2px solid #009ea3;
    }
    .left-mar-top {
      margin-top: 50px;
    }
  }
}
</style>

